<template>
  <div class="detail"
    id="scroller-box">
    <!-- 商品详情页 -->
    <div class="detail-wrap">
      <img src="@assets/images/bg.png"
        alt=""
        width="100%">
      <div class="detail-content">
        <div class="goods">
          <img src="@assets/images/1.png"
            alt=""
            width="100%">
        </div>
        <div class="goods goods-1">
          <img src="@assets/images/1.png"
            alt=""
            width="100%">
        </div>
        <div class="detail-img-list">
          <img src="@assets/images/2.png"
            alt=""
            width="100%">
          <img src="@assets/images/3.png"
            alt=""
            width="100%">
          <img src="@assets/images/4.png"
            alt=""
            width="100%">
          <img src="@assets/images/5.png"
            alt=""
            width="100%">
          <img src="@assets/images/6.png"
            alt=""
            width="100%">
          <img src="@assets/images/7.png"
            alt=""
            width="100%">
          <img src="@assets/images/8.png"
            alt=""
            width="100%">
          <img src="@assets/images/9.png"
            alt=""
            width="100%">
          <img src="@assets/images/10.png"
            alt=""
            width="100%">
          <img src="@assets/images/11.png"
            alt=""
            width="100%">
          <img src="@assets/images/12.png"
            alt=""
            width="100%">
        </div>
      </div>
    </div>
    <vueToTop type="1"
      size="30"></vueToTop>
  </div>
</template>

<script>

export default {
  components: {
   
  },
  props: {},
  data() {
    return {
      url: ""
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style lang="scss" scoped>
.detail {
  .detail-wrap {
    position: relative;
    .detail-content {
      position: absolute;
      top: 420px;
      left: 0;
      .goods {
        margin-bottom:12px;
        text-align: center;
        & > img {
          width: 94%;
          margin: 0 auto;
        }
      }
    }
  }
}
</style>